<template>
    <div>
        <el-row>
            <el-button>默认按钮</el-button>
            <el-button type="primary" @click="showMsg">主要按钮</el-button>
            <el-button type="success">成功按钮</el-button>
            <el-button type="info">信息按钮</el-button>
            <el-button type="warning">警告按钮</el-button>
            <el-button type="danger">危险按钮</el-button>
        </el-row>
    </div>
</template>



<script>

    import { Message } from 'element-ui'

    export default {
        name: "Hello",
        methods:{
            showMsg(){
                Message({
                    showClose: true,
                    message: "这是element-ui提示信息",
                    type: 'error',
                    duration: 3000
                })
            }
        }
    }
</script>

<style scoped>

</style>
